@charset "UTF-8";
/* Main CSS Document
Last Updated By:    Iris Markofsky
Updated dated:  6/9/2015 
Change Log:
    - Added styling for new footer.
    - Added styling for new content (EULA, Support Page, Privacy Policy Page
*/    

/*Used on many pages*/
h1 { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }
h3 { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }
h2 { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }
img {border: 0px !important; outline:none; outline-width:0px;}
dropdownlist {border-style:none;}
a:link { color: #395d7f; text-decoration: none; }
a:visited { color: #395d7f; text-decoration: none; }
a:hover { color: #8cbff2; text-decoration: underline; cursor:pointer;}
p strong { font-weight: bold; color: #0067a5; }
p { color: #909090; font-family: arial, sans-serif; font-size: 12px; margin-top: 0px; margin-bottom: 0px; text-decoration: none; margin-left: 0px; margin-right: 0px;  line-height: 16px; }
body { width:100%; margin-bottom: -10px; margin-left: -10px; margin-right: -10px; margin-top: -10px; background: #d9d9d9; overflow:auto;}
.site_wrap { width: 993px; height: auto; margin-left: auto; margin-right: auto; background: #fff;  display: table; z-index:1; position:relative;  }
.site_wrap2 { width: 993px; height: auto; margin-left: auto; margin-right: auto;
              display: table; background: #fff; }
.header{float: left;}
.footerInfo{width:100%;padding-top: 19px;padding-bottom: 30px;text-align: center;background: -webkit-linear-gradient(#0087d0, #004679); background: -o-linear-gradient(#0087d0, #004679); background: -moz-linear-gradient(#0087d0, #004679); background: linear-gradient(#0087d0, #004679);}
.copyRight {float:left;margin-left: 17px;color: #fff;font-family: helvetica;}
.SupportLink {float: right;margin-right: 15px;color: #fff;font-family: helvetica; color: #fff;}
.SupportLink a:visited {float: right;margin-right: 15px;color: #fff;font-family: helvetica; color: #fff;}
.PrivacyLink { float: right;margin-right: 40px;color: #fff;font-family: helvetica; color: #fff;}
.PrivacyLink a:visited { float: right;margin-right: 40px;color: #fff;font-family: helvetica; color: #fff;}
.bodycontent{float: left;background: #fff;display: block;width: 100%;}
img {outline:none;outline-width:0px;}
.checkbox {float:left; margin-top:8px;}
.log_box { border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; height: 210px; float: left; margin-left: 221px; width: 549px; padding-bottom: 15px; }
.blue_title {float: left; font-size: 13px; margin: 11px 10px 10px 14px; font-family: helvetica, sans-serif; font-weight: bold; padding-left: 5px; color: #0083CA; }
.divSingleControl{border-bottom: solid 1px #999999; padding: 8px; float:left;}
input[type="radio"] {border: 0px !important; outline:none; outline-width:0px;} 

/*Nav bar  styling*/
.nav_bar { width: 930px; height: 70px; margin-left: auto; margin-right: auto; border-radius: 10px;
           border-width: 1px; border-color: #999999; border-style: solid; margin-bottom: 20px;
           background: -webkit-linear-gradient(#eff0f0, #c4c5c7);   /* For Safari 5.1 to 6.0 */
           background: -o-linear-gradient(#eff0f0, #c4c5c7);        /* For Opera 11.1 to 12.0 */
           background: -moz-linear-gradient(#eff0f0, #c4c5c7);      /* For Firefox 3.6 to 15 */
           background: linear-gradient(#eff0f0, #c4c5c7);           /* Standard syntax (must be last) */ }
.nav_bar a {text-decoration: none;}
.button1 { width: 256px; height: 70px; float: left; border-radius: 10px 0px 0px 10px; 
           border-right-color: #999999; border-right-style: solid; border-right-width: 1px;
           transition: background 0.5s ease; }
.button1:hover { background: #f7f7f7; text-decoration: none;}
.button2 { width: 225px; height: 70px; float: left; border-right-color: #999999;
           border-right-style: solid; border-right-width: 1px; transition: background 0.5s ease; }
.button2:hover { background: #f7f7f7; text-decoration: none;}
.button3 { width: 246px; height: 70px; float: left; border-right-color: #999999;
           border-right-style: solid; border-right-width: 1px; transition: background 0.5s ease; }
.button3:hover { background: #f7f7f7; text-decoration: none;}
.button4 { width: 199px; height: 70px; float: right; border-radius: 0px 10px 10px 0px;
           border-right-color: #999999; border-right-style: solid; border-right-width: 1px;
           transition: background 0.5s ease; }
.button4:hover { background: #f7f7f7; text-decoration: none;}
.nav_title { font-family: helvetica; float: left; margin-left: 8px; font-weight: bold;
             font-size: 26px; color: #0088d2; margin-top: 25px; display: inline-block;}
/*Sub Nav bar  styling*/
.sub_nav_bar { clear: left; width: 930px; height: 48px; margin-left: auto; margin-right: auto;  border-radius: 10px; 
               background: -webkit-linear-gradient(#0087d0, #004679);/* For Safari 5.1 to 6.0 */
               background: -o-linear-gradient(#0087d0, #004679);     /* For Opera 11.1 to 12.0 */
               background: -moz-linear-gradient(#0087d0, #004679);   /* For Firefox 3.6 to 15 */ 
               background: linear-gradient(#0087d0, #004679);        /* Standard syntax (must be last) */
               border-width: 1px; border-color: #999999; border-style: solid; margin-bottom: 20px; }
.sub_nav_bar a {text-decoration: none;}
.sub_nav_title { font-family: helvetica; float: left; margin-left: 8px; font-weight: bold;
                 font-size: 18px; color: #fff; margin-top: 15px; display: inline-block; }

.sub_button1 { width: 230px; height: 48px; float: left; border-radius: 10px 0px 0px 10px;
               border-right-color: #999999; border-right-style: solid;
               border-right-width: 1px; transition: background 0.5s ease; }
.sub_button2 { width: 230px; height: 48px; float: left; border-right-color: #999999;
               border-right-style: solid; border-right-width: 1px; transition: background 0.5s ease; }
.sub_button3 { width: 236px; height: 48px; float: left; border-right-color: #999999;
               border-right-style: solid; border-right-width: 1px; transition: background 0.5s ease; }
.sub_button4 { width: 231px; height: 48px; float: right; border-radius: 0px 10px 10px 0px;
               border-right-color: #999999; border-right-style: solid; border-right-width: 1px;
               margin-right: -1px; transition: background 0.5s ease; }
.sub_button1:hover { background: #059FE2; }
.sub_button2:hover { background: #059FE2; }
.sub_button3:hover { background: #059FE2; }
.sub_button4:hover { background: #059FE2; }


/* Error Handling */
.img_error {float:left; margin-left:5px;} 
.icon_error { float:left;margin-bottom;margin-left:11px;margin-top: 0px;}
.txt_error {float:left;margin-top:3px; margin-left:7px;display:inline-block; text-wrap:normal;}
.error_bar {float: left; height:auto; position:absolute; padding: 4px 0; width: auto;text-align: left; font-size: 13px; font-family: arial, sans-serif; color:#FF0004; 
                background-color: #FFD0D3; margin-top: 19px; }
.hideFlash{display:none;}


input[type="text"] { float: left; font-size: 11px; font-family: arial, sans-serif; padding-left: 5px; color:#5c5c5c; 
                     border-radius: 5px; border: 1px solid #3e6890; margin-bottom: -3px; padding-bottom:3px; line-height: 18px; margin-top: -3px; padding-top:3px;
                     margin-left: 0px; outline-width: 0px; outline: none; }


select {   float: left;
  padding-left: 5px;
  position: relative;
  font-size: 13px;
  font-family: arial, sans-serif;
  color: #737373;
  width: 165px;
  height: 25px;
  border-radius: 7px;
  border: 1px solid #999999;
  margin-bottom: 6px;
  margin-top: 0px;
  margin-left: -1px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; 
  background: url('/Images/date_button.png') right no-repeat #EAEAEA;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  padding-right: 26px;
  z-index:999;
    -webkit-rtl-ordering: logical;
}

select::-ms-expand {
    display: none;
    background: url('/Images/date_button.png') right no-repeat #EAEAEA;
    z-index:1000;
}

/*blue table header bars*/
.blue_bar { width: 930px; height: 38px; float: left; margin-left: 31px; border-radius: 10px 10px 0px 0px; 
            background: -webkit-linear-gradient(#0087d0, #004679);  /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#0087d0, #004679);       /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#0087d0, #004679);     /* For Firefox 3.6 to 15 */
            background: linear-gradient(#0087d0, #004679);          /* Standard syntax (must be last) */     }
.blue_bar_header { 	height: 38px; border-radius: 10px 10px 0px 0px; margin-left: auto; margin-right: auto;
                    background: -webkit-linear-gradient(#0087d0, #004679);        /* For Safari 5.1 to 6.0 */
                    background: -o-linear-gradient(#0087d0, #004679);        /* For Opera 11.1 to 12.0 */
                    background: -moz-linear-gradient(#0087d0, #004679);        /* For Firefox 3.6 to 15 */
                    background: linear-gradient(#0087d0, #004679);        /* Standard syntax (must be last) */ }
.pageTitle_header { float: left; margin-top: 8px; width: 100%; font-family: helvetica, sans-serif; font-weight: bold;    text-align: center; font-size: 18px; color: #fff;}

.date_selector_wrap { float: left; margin-top: 25px; width: inherit; } 
.date_selector_box1 { display: none; margin-left: 10px; float: left; width: auto; }
.date_selector_box2 { display: none; 	margin-left: 10px; float: left;	width: auto; }
.date_grey { float: left; display: inline-block; font-size: 13px; margin-left: 5px; font-family: arial, sans-serif; color:#737373; }
.date_grey_selector { margin-top: 5px; margin-right: 10px; float: left; display: inline-block; font-size: 13px; font-family: arial, sans-serif; color:#737373; }

.txtBox{float: left; width: 68%; margin-top: 6px; font-size: 13px; font-family: helvetica, sans-serif; padding-left: 5px; color: #5c5c5c; height: 20px;
        border-radius: 5px; border: 1px solid #999999; line-height: 5px; margin-left: 13px; border: 1px solid #999999;
        background: -webkit-linear-gradient(#d9d9d9, #fdfdfd);
        background: -o-linear-gradient(#d9d9d9, #fdfdfd);
        background: -moz-linear-gradient(#d9d9d9, #fdfdfd);
        background: linear-gradient(#d9d9d9, #fdfdfd); }

.txtBoxMulti{float: left; width: 68%; font-size: 13px; font-family: helvetica, sans-serif; padding-left: 5px; color: #5c5c5c;
        border-radius: 5px; border: 1px solid #999999; line-height: 15px; margin-left: 13px; border: 1px solid #999999;
        background: -webkit-linear-gradient(#d9d9d9, #fdfdfd);
        background: -o-linear-gradient(#d9d9d9, #fdfdfd);
        background: -moz-linear-gradient(#d9d9d9, #fdfdfd);
        background: linear-gradient(#d9d9d9, #fdfdfd); }

/*website footer image*/
.footer { float: left; height: auto; width: auto; background: #fff; }


/*AccountManagement & ControllerManagement & LocationManagement & UserManagement*/
.settings_mgt_title { float: left; width: 100%; margin-bottom: 10px; text-align: center; font-family: helvetica, sans-serif; font-weight: bold; font-size: 26px; color: #0083CA; }
.settings_mgt_sub_title { float: left; margin-top: 0px; margin-left: 35px; font-family: helvetica, sans-serif; font-weight: bold; font-size: 26px; color: #0083CA; }

/* POPUP BOXES*/
.popup_container {position: absolute; margin-left: 30%; margin-top: 40%; display: none; z-index: 900; background: #fff; border-radius: 10px 10px 5px 5px;}
.popup_blind { width: 100%; height: 100%; position: absolute; z-index: 899; background: #000; opacity: .8; top: 0px; left: 0px; display: none;}
.button_popup_close {font-size: 23pt;float: right;width: 25px;outline: none;border: none;cursor: pointer;color: #fff;margin: -8px 1px 0px 0px;padding: 0;}
.button_popup_close:hover {color:#0595F8}
.popup_header{ border-radius: 10px 10px 0px 0px; margin-left: auto; margin-right: auto; height: 25px; color: #fff; font-weight: normal; width: 100%; font-family: helvetica, sans-serif;
               padding: 7px 0px 2px 0px; text-align: center; font-size: 20px; text-transform: uppercase; background: -webkit-linear-gradient(#0087d0, #004679);
               background: -o-linear-gradient(#0087d0, #004679); background: -moz-linear-gradient(#0087d0, #004679); background: linear-gradient(#0087d0, #004679);}
.button {float: right; padding: 3px 20px; margin: 20px 30px 0px 20px; border-radius: 5px; position: relative; text-align: center; cursor:pointer; color:#fff;}
.button:hover {color:#0595F8}
.popupBtns{float:left; width:100%; margin:20px 0px;}
.popupInputs { float:left; margin-left:20px;}

/* =================================================== End Multi-Pages ======================================== */

/* =================================================== DeviceDetails & ReportsMain =================================================== */
.select_reports_cont{width: auto; float: left; width: inherit; margin-top: 15px; }
.select_location_cont {	width: inherit; float: left; margin-top: 15px;}
.select_controllers_cont {margin-bottom: 10px; width: inherit; float: left; margin-top: 15px;}
.select_dates {width: inherit; float: left; height: auto; margin-top:5px;}
.select_options_wrap {width: 615px; height: 280px; float: left; }
.select_options_explained_wrap {width: 300px;height: 280px;float: left;}
.select_date_cont1 { float: left; text-align: left; display: inline-block; margin-top: 5px; margin-left: 0px; width: auto; }
.select_date_cont2 { float: left; text-align: left; display: inline-block; margin-top: 5px; margin-left: 30px; width: auto; }
.select_date_cont3 { text-align: left; float: left; display: inline-block; margin-top: 5px; margin-left: 30px; width: auto; }
.select_date_cont4 { text-align: left;	float: left; display: inline-block; margin-top: 5px; margin-left: 30px; width: auto; }

.reports_explained_txt { color: #909090; padding-left: 10px; margin-left: 20px;
         font-family: arial, sans-serif; font-size: 12px; line-height: 16px; text-align: left;
         margin-bottom: 5px; margin-left: 0px; margin-right: 0px;  margin-top: 5px; }

.text_wrap_1 { margin-top: 14px; 	float: left; 	width: inherit; background: #ededed; 
background: -moz-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ededed), color-stop(47%, #f6f6f6), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -o-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -ms-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: linear-gradient(to right, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=1 );                }
.text_wrap_2 { background: #ededed; background: -moz-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ededed), color-stop(47%, #f6f6f6), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -o-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -ms-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: linear-gradient(to right, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=1 );	
               margin-top: 20px; 	width: inherit;	float: left; }
.text_wrap_3 { background: #ededed; background: -moz-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ededed), color-stop(47%, #f6f6f6), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -o-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -ms-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: linear-gradient(to right, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=1 );
               width: inherit; margin-top: 20px; float: left; }
.text_wrap_4 { background: #ededed; background: -moz-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ededed), color-stop(47%, #f6f6f6), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -o-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -ms-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: linear-gradient(to right, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=1 );	
               width: inherit; 	margin-top: 20px; float: left; }
.text_wrap_5 { background: #ededed; 
background: -moz-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ededed), color-stop(47%, #f6f6f6), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -o-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -ms-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: linear-gradient(to right, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=1 );	
               width: inherit; 	margin-top: 21px; 	float: left; }
.text_wrap_6 { background: #ededed; background: -moz-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ededed), color-stop(47%, #f6f6f6), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -o-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: -ms-linear-gradient(left, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
background: linear-gradient(to right, #ededed 0%, #f6f6f6 47%, #ffffff 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=1 );	
               width: inherit; 	margin-top: 21px; 	float: left; }

.date_selector_box1_contents { float: left; }
.date_selector_box2_contents { float: left; }

.month { 	width: 115px; margin-top: 15px; }
.month2 { width: 115px; margin-top: 0px; margin-left: 5px; }

.failbox { height: 15px; width: auto; float: left; text-align: left; font-family: helvetica; font-size: 12px; font-weight: normal;
           color: #FF0004; text-align: center; margin-top: 15px; margin-left: 20px; }
.failbox_details { 	height: 15px; width: 500px; float: left; font-family: helvetica; font-size: 12px; font-weight: normal; color: #FF0004; }

/*DeviceDetails & ReportsMain*/
.reports_box { height: 335px; width: 928px; border-bottom-style: solid; border-bottom-color: #999999;
               border-bottom-width: 1px; border-right-style: solid; border-right-color: #999999;
               border-right-width: 1px; border-left-style: solid; border-left-color: #999999;
               border-left-width: 1px; border-top-style: solid; border-top-color: #999999;
               border-top-width: 1px; margin-left: auto; margin-right: auto; }


/* =================================================== END DeviceDetails & ReportsMain =================================================== */

/* ======================== TABLE SORTER -------------------------------------------- */ 
table.tablesorter { font-family:arial; margin:10px 0pt 15px; font-size: 8pt; width: 1657px; text-align: center; }
table.tablesorter tr { border: 1px solid #cccccc; }
table.tablesorter tfoot tr { background-color:#D4E4F5; }
table.tablesorter tfoot tr td { padding: 7px; } 
table.tablesorter thead tr th, table.tablesorter tfoot tr th {	background: -webkit-linear-gradient(#0087d0, #004679); /* For Safari 5.1 to 6.0 */
                                background: -o-linear-gradient(#0087d0, #004679);   /* For Opera 11.1 to 12.0 */
                                background: -moz-linear-gradient(#0087d0, #004679); /* For Firefox 3.6 to 15 */
                                background: linear-gradient(#0087d0, #004679);      /* Standard syntax (must be last) */
                                color: #FFF; font-size: 10pt; font-weight: bold; padding: 7px 7px 7px 7px;
}
table.tablesorter thead tr .header { background-image: url(../images/addons/pager/icons/bg.gif);
                                     background-repeat: no-repeat; background-position: center right;
                                     cursor: pointer; }
table.tablesorter tbody td { color: #3D3D3D; padding: 7px 7px 7px 7px; font-size: 11px;
                             background-color: #FFF; vertical-align: top; }
table.tablesorter tbody td a { color: #0055aa; text-decoration: none; font-family: Arial; } 
table.tablesorter tbody td a:hover  { text-decoration: underline; } 
table.tablesorter tbody tr.odd td { background-color:#f2f2f2; }
table.tablesorter tbody tr.highlight td { background-color:#f5f5dc; }
table.tablesorter thead tr .headerSortUp { 	background-image: url(../images/addons/pager/icons/asc.gif); }
table.tablesorter thead tr .headerSortDown { 	background-image: url(../images/addons/pager/icons/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }


/* TABLE SORTER NOT USING HEADER ICONS ---------------------------------------------- */
table.tablesorter2 { font-family:arial; background-color: #CDCDCD; margin:10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; }
table.tablesorter2 thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF;
                                                                font-size: 8pt; padding: 4px; }
table.tablesorter2 thead tr .header { background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.tablesorter2 tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.tablesorter2 tbody tr.odd td { background-color:#F0F0F6; }

/* ============== filter widget ============================== */
table.tablesorter input.tablesorter-filter,
table.tablesorter select.tablesorter-filter { width: 95%; height: inherit; -webkit-box-sizing: border-box;
                                              -moz-box-sizing: border-box; box-sizing: border-box; }
table.tablesorter tr.tablesorter-filter,
table.tablesorter tr.tablesorter-filter td { text-align: center; background: #fff; }
/* optional disabled input styling */ 
table.tablesorter input.tablesorter-filter.disabled,
table.tablesorter select.tablesorter-filter.disabled { opacity: 0.5; filter: alpha(opacity=50); }


/* ================================= FIGURE OUT WHERE THIS IS BEING USED ============================================= */
.bodycontent_settings { height: 253px; }

.bluebar_title_location {margin-top: 8px; margin-left: 125px; font-family: helvetica; font-weight: bold; font-size: 18px; float: left; color: #fff;}
.bluebar_title_controller { margin-top: 8px; margin-left: 117px; font-family: helvetica; font-weight: bold; font-size: 18px; float: left; color: #fff; }
.bluebar_title_daterange { margin-top: 8px; margin-left: 185px; font-family: helvetica; font-weight: bold; font-size: 18px; float: left; color: #fff; }

.date_table { float: left; display: inline-block; padding-left: 5px; position: relative; width: 70px; height: 23px; border-radius: 7px 0px 0px 7px;
              border: 1px solid #999999; margin-bottom: 6px; margin-top: 0px; margin-left: -1px; outline-width: 0px; outline: none;
              background: -webkit-linear-gradient(#f0f0f0, #e5e5e5);              /* For Safari 5.1 to 6.0 */
              background: -o-linear-gradient(#f0f0f0, #e5e5e5);/* For Opera 11.1 to 12.0 */
              background: -moz-linear-gradient(#f0f0f0, #e5e5e5);/* For Firefox 3.6 to 15 */
              background: linear-gradient(#f0f0f0, #e5e5e5);/* Standard syntax (must be last) */ }
.date_text_box { float: left; font-size: 13px; 	margin-top: 5px; font-family: arial, sans-serif; color:#737373; }
.start_date_button{ float: left; display: inline-block; cursor: pointer; width: 109px; height: 27px; border-radius: 7px 7px 7px 7px;
                    margin-left: -109px; background: url('date_button.png') no-repeat #f0f0f0; background-position: 83px 0px; }
.select_dates_details { margin-left: 20px; float: left;	display: inline-block; width: 260px; height: auto; }30px; }
.select_date_cont1_details { float: left; display: inline-block; margin-top: 5px; width: 130px; }

.view_buttons_details { float: right; margin-right: 10px; margin-top: 5px; height: 35px; width: 900px; }
.reports_box_details { height: 95px; border-bottom-style: solid; border-bottom-color: #999999; border-bottom-width: 1px;
                       border-right-style: solid; border-right-color: #999999; border-right-width: 1px; border-left-style: solid;
                       border-left-color: #999999; border-left-width: 1px; width: 928px; margin-left: auto; margin-right: auto; }

.settings_password_wrap2 { margin-left: 40px; margin-top: 15px; float: left; width: 400px; }
.settings_password_wrap3 { margin-left: 35px; margin-top: 10px; float: left; width: 400px; }
.settings_password_wrap4 { margin-left: 15px; margin-top: 10px; float: left; width: 400px; }

.settings_failed { float: left; height: 20px; width: inherit; text-align: center; font-size: 13px; font-family: arial, sans-serif; color:#FF0004; }
.settings_title{ float: left; margin-top: 8px; margin-left: 205px; font-family: helvetica; font-weight: bold; font-size: 18px; color: #fff; }

.notifications_box_details { height: 95px; border-bottom-style: solid; border-bottom-color: #999999; 
                             border-bottom-width: 1px; border-right-style: solid; border-right-color: #999999;
                             border-right-width: 1px; border-left-style: solid; border-left-color: #999999;
                             border-left-width: 1px; width: 928px; margin-left: auto; margin-right: auto; }
	    
.view_addnotification_button { cursor: pointer; width: 125px; height: 30px; float: left;
                               display: inline-block; border-radius: 7px;
                               background: -webkit-linear-gradient(#0088d2, #004679);     /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);    /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);    /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);    /* Standard syntax (must be last) */
                               transition: background .5s ease; }
.view_addnotification_button:hover { background: -webkit-linear-gradient(#43b3f1, #0088d2); /* For Safari 5.1 to 6.0 */
                                     background: -o-linear-gradient(#43b3f1, #0088d2);      /* For Opera 11.1 to 12.0 */
                                     background: -moz-linear-gradient(#43b3f1, #0088d2);    /* For Firefox 3.6 to 15 */
                                     background: linear-gradient(#43b3f1, #0088d2);         /* Standard syntax (must be last) */ }
.view_deletenotification_button { cursor: pointer; margin-right: 10px; width: 200px; height: 30px;
                                  float: left; display: inline-block; border-radius: 7px;
                                  background: -webkit-linear-gradient(#0088d2, #004679);       /* For Safari 5.1 to 6.0 */
                                  background: -o-linear-gradient(#0088d2, #004679);            /* For Opera 11.1 to 12.0 */
                                  background: -moz-linear-gradient(#0088d2, #004679);          /* For Firefox 3.6 to 15 */
                                  background: linear-gradient(#0088d2, #004679);              /* Standard syntax (must be last) */
                                  transition: background .5s ease; }
.view_deletenotification_button:hover {
                                    background: -webkit-linear-gradient(#43b3f1, #0088d2);     /* For Safari 5.1 to 6.0 */
                                    background: -o-linear-gradient(#43b3f1, #0088d2);    /* For Opera 11.1 to 12.0 */
                                    background: -moz-linear-gradient(#43b3f1, #0088d2);     /* For Firefox 3.6 to 15 */
                                    background: linear-gradient(#43b3f1, #0088d2);    /* Standard syntax (must be last) */	}


.details_table_box { height: 26px; width: inherit; border-bottom-style: solid; border-bottom-color: #999999;
                     border-bottom-width: 1px; border-right-style: solid; border-right-color: #999999;
                     border-right-width: 1px; border-left-style: solid; border-left-color: #999999;
                     border-left-width: 1px; float: left; }

.notifications_box_details { height: 95px; border-bottom-style: solid; border-bottom-color: #999999; border-bottom-width: 1px;
                             border-right-style: solid; border-right-color: #999999; border-right-width: 1px; border-left-style: solid;
                             border-left-color: #999999; border-left-width: 1px; width: 928px; margin-left: auto; margin-right: auto; }

.sub_nav_bar { clear: left; width: 930px; height: 48px; margin-left: auto; margin-right: auto; border-radius: 10px;
               border-width: 1px; 	border-color: #999999; 	border-style: solid; 	margin-bottom: 20px;
               background: -webkit-linear-gradient(#0087d0, #004679);     /* For Safari 5.1 to 6.0 */
               background: -o-linear-gradient(#0087d0, #004679);     /* For Opera 11.1 to 12.0 */
               background: -moz-linear-gradient(#0087d0, #004679);     /* For Firefox 3.6 to 15 */
               background: linear-gradient(#0087d0, #004679);     /* Standard syntax (must be last) */ }

.view_addnotification_button { cursor: pointer; width: 140px; height: 30px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;   }
.view_addnotification_button:hover { background: -webkit-linear-gradient(#43b3f1, #0088d2); /* For Safari 5.1 to 6.0 */
                                     background: -o-linear-gradient(#43b3f1, #0088d2);      /* For Opera 11.1 to 12.0 */
                                     background: -moz-linear-gradient(#43b3f1, #0088d2);    /* For Firefox 3.6 to 15 */
                                     background: linear-gradient(#43b3f1, #0088d2);         /* Standard syntax (must be last) */ }

.view_deletenotification_button { cursor: pointer; margin-right: 10px; width: 155px; height: 30px;
                        float: right; display: inline-block; border-radius: 7px;
                        background: -webkit-linear-gradient(#0088d2, #004679);  /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#0088d2, #004679);       /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#0088d2, #004679);     /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#0088d2, #004679);          /* Standard syntax (must be last) */
                        transition: background .5s ease; }  
.view_deletenotification_button:hover { background: -webkit-linear-gradient(#43b3f1, #0088d2);  /* For Safari 5.1 to 6.0 */
                                        background: -o-linear-gradient(#43b3f1, #0088d2);       /* For Opera 11.1 to 12.0 */
                                        background: -moz-linear-gradient(#43b3f1, #0088d2);     /* For Firefox 3.6 to 15 */
                                        background: linear-gradient(#43b3f1, #0088d2);          /* Standard syntax (must be last) */ }

.note_add_row3 { display: none; margin-top: 20px; float: left; width: inherit; }
.notes_added_cont { width: inherit; height: 563px; background: #fff; float: left; border-bottom: 1px solid #999999; }

/* ================================= END FIGURE OUT WHERE THIS IS BEING USED ============================================= */

/* ================================= BUTTONS ============================================= */
.save_delete_container {float: left; clear: left; width:90%; height:50px;bottom:0px; position:absolute;}
.blue_btn {cursor: pointer; width: 114px; height: 24px; float: left; border-radius: 7px; outline:none; outline-width:0px; border: none !important; outline:none;
           font-family:'Helvetica Neue LT Std',sans-serif; font-weight:bold; color:#fff; text-align:center;
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;}
.blue_btn:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_save {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; outline:none; outline-width:0px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.btn_update {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; background:transparent; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.btn_grey {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#999999, #737474);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#999999, #737474);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#999999, #737474);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#999999, #737474);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.btn_change_settings {cursor: pointer; width: 125px; height: 24px; float: left; border-radius: 7px; 
                               background: -webkit-linear-gradient(#999999, #737474);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#999999, #737474);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#999999, #737474);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#999999, #737474);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.btn_save_container {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;}
.btn_add_sub_container {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;}
.btn_submit_container {float: left; width:114px; bottom:4px; margin-top: 0px; height: 24px; display:block;}
.btn_settings_container {float: left; width:auto; height: auto;}

.icon_settings {float:left; width: 15px; height:16px; padding:4px 0px 0px 4px; }
.icon_save {float:left; width: 15px; height:16px; padding:4px 0px 0px 29px; }
.icon_submit {float:left;padding:0px 0px 0px 3px; outline:none;}
.icon_delete {float:left;  padding:3px 0px 0px 32px; }


.btn_add_controller {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.btn_add_controller_lrg {cursor: pointer; width: 319px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.btn_add_controller_popup {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.icon_add {float:left; width: 15px; height:16px; padding:4px 0px 0px 6px; }
.icon_add_user_popup {float:left; width: 15px; height:16px; padding:4px 0px 0px 6px; }


.btn_add_user {cursor: pointer; width: 96px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.btn_add_user_popup {cursor: pointer; width: 87px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.icon_user {float:left; width: 15px; height:16px; padding:4px 0px 0px 20px; }
.icon_user_short {float:left; width: 15px; height:16px; padding:4px 0px 0px 6px; }
.btn_add_location {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.btn_add_location_lrg {cursor: pointer; width: 222px; height: 37px; float: left; display: inline-block; border-radius: 7px;
                        background: -webkit-linear-gradient(#0088d2, #004679); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#0088d2, #004679); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#0088d2, #004679); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#0088d2, #004679); /* Standard syntax (must be last) */
                        transition: background .5s ease;
}
.btn_add_controller_lrg {cursor: pointer; width: 222px; height: 37px; float: left; display: inline-block; border-radius: 7px;
                        background: -webkit-linear-gradient(#0088d2, #004679); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#0088d2, #004679); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#0088d2, #004679); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#0088d2, #004679); /* Standard syntax (must be last) */
                        transition: background .5s ease;
}
.btn_add_location_popup {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.icon_add {float:left; width: 15px; height:16px; padding:4px 0px 0px 6px; }

.btn_submit {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}
.btn_add_sub {cursor: pointer; width: 114px; height: 24px; float: left; display: inline-block; border-radius: 7px; 
                               background: -webkit-linear-gradient(#0088d2, #004679);   /* For Safari 5.1 to 6.0 */
                               background: -o-linear-gradient(#0088d2, #004679);        /* For Opera 11.1 to 12.0 */
                               background: -moz-linear-gradient(#0088d2, #004679);      /* For Firefox 3.6 to 15 */
                               background: linear-gradient(#0088d2, #004679);           /* Standard syntax (must be last) */
                               transition: background .5s ease;
}

.btn_save:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_add_controller:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_add_controller_popup:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_add_user:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_add_user_short:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_add_user_popup:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_add_location:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_submit:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_add_location_lrg:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_add_controller_lrg:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_change_settings:hover {background: -webkit-linear-gradient(#b2b2b2, #8e8e8e);}
.btn_grey:hover {background: -webkit-linear-gradient(#b2b2b2, #8e8e8e);}
.btn_update:hover {background: -webkit-linear-gradient(#b2b2b2, #8e8e8e);}
.btn_save_container:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
.btn_add_sub:hover {background: -webkit-linear-gradient(#179fe2, #1a69a3);}
#btnAddSubscription:hover{background: -webkit-linear-gradient(#179fe2, #1a69a3);}


/*SETTINGS PAGES*/
.popup_add_controller_header{float: left; width: 99.5%; text-align: center; margin-top: 8px; font-family: helvetica, sans-serif; 
                             font-weight: bold; font-size: 18px; color: #fff }
#txtCtrlName , #txtCtrlSubscription{
float: left;
width: 53%;
margin-top: 6px;
font-size: 13px;
font-family: helvetica, sans-serif;
padding-left: 5px;
color: #5c5c5c;
height: 20px;
border-radius: 5px;
border: 1px solid #999999;
line-height: 5px;
margin-left: 23px;
background: -webkit-linear-gradient(#d9d9d9, #fdfdfd);
background: -o-linear-gradient(#d9d9d9, #fdfdfd);
background: -moz-linear-gradient(#d9d9d9, #fdfdfd);
background: linear-gradient(#d9d9d9, #fdfdfd);}

#popup_add_controller_name, #popup_add_controller_mac, #popup_add_controller_subscription, #popup_add_controller_model { float: left;
                      font-size: 13px; margin: 11px 10px 10px -3px; font-family: helvetica, sans-serif; font-weight: bold; padding-left: 5px; color: #0083CA; }
.rb_container { float: left; font-size: 13px; font-family: helvetica, sans-serif; font-weight: bold; color: #0083CA;
                margin-left: 0px; margin-top:18px; }


/*POPUP OVERRIDES*/
.ui-dialog .ui-dialog-title {
float: left !important;
width: 99.5% !important;
text-align: center !important;
margin-top: 8px !important;
font-family: helvetica, sans-serif !important;
font-weight: bold !important;
font-size: 18px !important;
color: #fff !important;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: solid #999999 1px;
background: #0078ae url("images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x;
background: -webkit-linear-gradient(#eeeeee, #c5c6c8);
background: -o-linear-gradient(#eeeeee, #c5c6c8);
background: -moz-linear-gradient(#eeeeee, #c5c6c8);
background: linear-gradient(#eeeeee, #c5c6c8);
font-weight: normal;
font-family: helvetica;
font-size: 13px;
height: 30px;
text-align: center;
color: #737373;
padding-top: 10px;
margin-top: -16px;
}*/

.ui-dialog .ui-dialog-content{position: relative;
border: 0 !important;
padding: .5em 0em !important;
background: none !important;
overflow: hidden !important;}



/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #0078ae url("images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x;
font-weight: normal;
font-family: helvetica;
font-size: 13px;
height: 30px;
text-align: center;
padding-top: 10px;
margin-top: -16px;
}*/

/*Dialog box override style*/
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em !important; 
position: relative !important;
background: -webkit-linear-gradient(#0087d0, #004679) !important;
background: -o-linear-gradient(#0087d0, #004679) !important;
background: -moz-linear-gradient(#0087d0, #004679) !important;
background: linear-gradient(#0087d0, #004679) !important;
}

.ui-dialog .ui-dialog-title {
float: left !important;
width: 99.5% !important;
text-align: center !important;
margin-top: 8px !important;
font-family: helvetica, sans-serif !important;
font-weight: bold !important;
font-size: 18px !important;
color: #fff !important;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: solid #999999 1px !important;
background: #0078ae url("images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x !important;
background: -webkit-linear-gradient(#eeeeee, #c5c6c8) !important;
background: -o-linear-gradient(#eeeeee, #c5c6c8) !important;
background: -moz-linear-gradient(#eeeeee, #c5c6c8) !important;
background: linear-gradient(#eeeeee, #c5c6c8) !important;
font-weight: normal;
font-family: helvetica;
font-size: 13px;
height: 30px;
text-align: center;
color: #737373;
padding-top: 10px;
margin-top: -16px;
}*/

.ui-dialog .ui-dialog-content{position: relative;
border: 0 !important;
padding: .5em 0em !important;
background: none !important;
overflow: hidden !important;}



/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #0078ae url("images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x;
font-weight: normal;
font-family: helvetica;
font-size: 13px;
height: 30p;
text-align: center;
padding-top: 10px;
margin-top: -16px;
}*/

.popup_add_controller_header{float: left; width: 99.5%; text-align: center; margin-top: 8px; font-family: helvetica, sans-serif; 
                             font-weight: bold; font-size: 18px; color: #fff }

.popup_add_controller_container { float: left; width: 500px; } /*eventually this should be combined with popup_add_location_container*/
#txtCtrlName , #txtCtrlSubscription{
float: left;
width: 53%;
margin-top: 6px;
font-size: 13px;
font-family: helvetica, sans-serif;
padding-left: 5px;
color: #5c5c5c;
height: 20px;
border-radius: 5px;
border: 1px solid #999999;
line-height: 5px;
margin-left: 23px;
background: -webkit-linear-gradient(#d9d9d9, #fdfdfd);
background: -o-linear-gradient(#d9d9d9, #fdfdfd);
background: -moz-linear-gradient(#d9d9d9, #fdfdfd);
background: linear-gradient(#d9d9d9, #fdfdfd);}





.popup_add_controller_box_border { float: left; width: 99.5%; border-bottom: 1px solid #999999; border-left: 1px solid #999999;
                                   border-right: 1px solid #999999; height: auto; }

/*LocationManagement add location popup box*/
.customCloseX{color: #fff; margin-left: -30px; float:right; clear:right; margin-top: -6%;
margin-right: 2%; padding: 1.5px; border: 1px solid; background-color: rgb(36, 118, 145);}
.customCloseX:hover{background-color:#5CBEF4; color:black}
#lnkLocationListAddLocation{font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #fff; }

/*Location Management*/

/*Location List Button Appearance*/
.btnControllerListItem{  font-family: Arial; background: none!important; border: none; color: #0083CA; font-size: 9pt; font-weight: bold;
                         cursor: pointer; width:100%; float: left; text-align: left; outline:none;}
.controllers_side_container table{width:100%; float:left; overflow-y: scroll; overflow-x: hidden;}
.controllers_side_container table tbody tr{width:100%; float:left;}
.controllers_side_container table tbody td{ float: left; width: 100%; }
.loc_mgt_data_line1 {float:left; display:inline-block; width:100%; height: auto;}
.loc_mgt_data_buttons {float:left; margin: 0px 0px 0px 0px}

/*TEST summary STYLING*/
.testSummary_border{  float: left;
  width: 99.6%;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  height: 200px;}

 .pageTitle{ float: left; clear:left;  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  font-family: helvetica, sans-serif;
  font-weight: bold;
  font-size: 26px;
  color: #0083CA;}

 /*GRADIENTS*/
.blueGradient {
    background: #0088d2;/* add a default color for when gradient doesn't work*/
    background: -webkit-gradient(#0087d0, #004679);
    background: -webkit-linear-gradient(#0087d0, #004679);   /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0087d0, #004679);        /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0087d0, #004679);      /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(#0087d0, #004679);
    background: linear-gradient(#0087d0, #004679);           /* Standard syntax (must be last) */
}

.darkGrayGradient {
    background: #737474;/* add a default color for when gradient doesn't work*/
    background: -webkit-gradient(#999999, #737474);
    background: -webkit-linear-gradient(#999999, #737474);   /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#999999, #737474);        /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#999999, #737474);      /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(#999999, #737474);
    background: linear-gradient(#999999, #737474);           /* Standard syntax (must be last) */
}

.lightGrayGradient {
    background: #c4c5c7;/* add a default color for when gradient doesn't work*/
    background: -webkit-gradient(#eff0f0, #c4c5c7);
    background: -webkit-linear-gradient(#eff0f0, #c4c5c7);   /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eff0f0, #c4c5c7);        /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eff0f0, #c4c5c7);      /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(#eff0f0, #c4c5c7);
    background: linear-gradient(#eff0f0, #c4c5c7);           /* Standard syntax (must be last) */
}

.activeGrayGradient {
    background: #ababab;/* add a default color for when gradient doesn't work*/
    background: -webkit-gradient(#d8d8d8, #ababab);
    background: -webkit-linear-gradient(#d8d8d8, #ababab);   /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d8d8d8, #ababab);        /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d8d8d8, #ababab);      /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(#d8d8d8, #ababab);
    background: linear-gradient(#d8d8d8, #ababab);           /* Standard syntax (must be last) */
}

.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em !important; 
position: relative !important;
    background: #0088d2;/* add a default color for when gradient doesn't work*/
    background: -webkit-gradient(#0087d0, #004679);
    background: -webkit-linear-gradient(#0087d0, #004679);   /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0087d0, #004679);        /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0087d0, #004679);      /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(#0087d0, #004679);
    background: linear-gradient(#0087d0, #004679);           /* Standard syntax (must be last) */
}

#overlay {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}